<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>馫时光-订单状态</title>
    <link type="text/css" rel="stylesheet" href="../statics/style/orders.css" />
    <script type="text/javascript" src="../statics/js/jquery-3.1.1.min.js"></script>
</head>
<body>
    <div id="container">
        <div class="header-bar">
            <div class="back-icon">
                <img src="../statics/img/left.png" alt="">
            </div>
            <div class="title">我的订单</div>
        </div>
        <div class="tabs">
            <ul>
                <li class="active">全部</li>
                <li>待付款</li>
                <li>待收货</li>
                <li>待评价</li>
            </ul>
        </div>
        <div class="panes">
            <div class="order">
                <div class="header">
                    <div class="no">订单号: <span>A123465421006354</span></div>
                    <div class="status">未支付</div>
                </div>
                <div class="body">
                    <div class="prod">
                        <div class="img">
                            <img src="../statics/img/chicken.jpg" alt="馫">
                        </div>
                        <div class="describe">
                            <span>崇明二年半龄老鸡腿900g</span>
                            <span>900g</span>
                        </div>
                        <div class="money">
                            <div class="price">￥13.90</div>
                            <div class="unit">x1</div>
                        </div>
                    </div>
                    <div class="prod">
                        <div class="img">
                            <img src="../statics/img/chicken.jpg" alt="馫">
                        </div>
                        <div class="describe">
                            <span>崇明二年半龄老鸡腿900g</span>
                            <span>900g</span>
                        </div>
                        <div class="money">
                            <div class="price">￥13.90</div>
                            <div class="unit">x1</div>
                        </div>
                    </div>
                    <div class="prod">
                        <div class="img">
                            <img src="../statics/img/chicken.jpg" alt="馫">
                        </div>
                        <div class="describe">
                            <span>崇明二年半龄老鸡腿900g</span>
                            <span>900g</span>
                        </div>
                        <div class="money">
                            <div class="price">￥13.90</div>
                            <div class="unit">x1</div>
                        </div>
                    </div>
                </div>
                <div class="footer">
                    <div class="count">
                        <div class="span">订单价：<span class="price">￥33.40</span></div>
                        <div class="span">共计1件商品</div>
                    </div>
                    <div class="tips">15分钟内未完成付款的订单将被系统自动取消</div>
                    <div class="act">
                        <button class="cancel">取消订单</button>
                        <button class="pay">付款</button>
                        <button class="buy">再次购买</button>
                        <button class="delete">删除</button>
                    </div>
                </div>
            </div>
            <div class="order">
                <div class="header">
                    <div class="no">订单号: <span>A123465421006354</span></div>
                    <div class="status">未支付</div>
                </div>
                <div class="body">
                    <div class="prod">
                        <div class="img">
                            <img src="../statics/img/dark.jpg" alt="馫">
                        </div>
                        <div class="describe">
                            <span>崇明二年半龄烧鸭900g</span>
                            <span>900g</span>
                        </div>
                        <div class="money">
                            <div class="price">￥13.90</div>
                            <div class="unit">x1</div>
                        </div>
                    </div>
                </div>
                <div class="footer">
                    <div class="count">
                        <div class="span">订单价：<span class="price">￥33.40</span></div>
                        <div class="span">共计1件商品</div>
                    </div>
                    <div class="tips">15分钟内未完成付款的订单将被系统自动取消</div>
                    <div class="act">
                        <button class="cancel">取消订单</button>
                        <button class="pay">付款</button>
                        <button class="buy">再次购买</button>
                        <button class="delete">删除</button>
                    </div>
                </div>
            </div>
            <div class="without">
                <div class="logo-gray">
                    <img src="../statics/img/logo.jpg" alt="馫">
                </div>
                <div class="tips">你还没有相关订单</div>
                <div class="go"><button>随便逛逛</button></div>
            </div>
        </div>
    </div>
</body>
</html>